<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%@ include file="header.jsp"%>
		<div class="flex-container">
			<%@ include file="leftmenu.jsp"%>
						<div class="right-container">
				<div class="right_content">
			    	<div class="header">
			    		<img src="images_c/location.png" />
			    		<h6>首页<span class="relation_symbol">></span><span class="relation_color">载体信息查询</span></h6>
			    	</div>
			    	<div class="tab_content" id="tab_content_enterprise">
				    	<div class="row table_container">
				    		<div class="row search_result">
				    			<div class="search_result_left">
				    				<div class="search_result_icon"></div>
				    			    <p class="search_result_label">对比维度</p>
				    			</div>
				    			<div class="search_result_right">
				    				<div class="input_group_comparison">
				    					<input type="radio" class="form_radio"/>
				    					<label>载体入住率</label>
				    				</div>
				    				<div class="input_group_comparison">
				    					<input type="radio" class="form_radio"/>
				    					<label>创客数量</label>
				    				</div>
				    				<div class="input_group_comparison">
				    					<input type="radio" class="form_radio"/>
				    					<label>孵化企业团队总人数</label>
				    				</div>
				    				<div class="input_group_comparison">
				    					<input type="radio" class="form_radio"/>
				    					<label>吸纳大学生带动就业总人数</label>
				    				</div>
				    				<div class="input_group_comparison">
				    					<input type="radio" class="form_radio"/>
				    					<label>专利数量</label>
				    				</div>
				    			</div>
				    		</div>
				    		<div class="table_block">
				    			<div id="yddb_echarts"></div>
				    			<div class="table_block_report">
					    			<table id="report_table" class="table table-center table-striped table-bordered table-hover"
									cellspacing="0" width="3000px">
						    			<thead>
						    				<tr>
						    					<th>序号</th>
						    					<th>载体名称</th>
						    					<th>新城（园区）</th>
						    					<th>地址</th>
						    					<th>运营单位</th>
						    					<th>负责人</th>
						    					<th>联系方式</th>
						    					<th>载体面积（万平方米）</th>
						    				</tr>
						    			</thead>
						    			<tbody>
						    				<tr>
						    					<td>1</td>
						    					<td></td>
						    					<td></td>
						    					<td></td>
						    					<td></td>
						    					<td></td>
						    					<td></td>
						    					<td></td>
						    				</tr>
						    				<tr>
						    					<td>1</td>
						    					<td></td>
						    					<td></td>
						    					<td></td>
						    					<td></td>
						    					<td></td>
						    					<td></td>
						    					<td></td>
						    				</tr>
						    				<tr>
						    					<td>1</td>
						    					<td></td>
						    					<td></td>
						    					<td></td>
						    					<td></td>
						    					<td></td>
						    					<td></td>
						    					<td></td>
						    				</tr>
						    				<tr>
						    					<td>1</td>
						    					<td></td>
						    					<td></td>
						    					<td></td>
						    					<td></td>
						    					<td></td>
						    					<td></td>
						    					<td></td>
						    				</tr>
						    			</tbody>
						    		</table>
				    			</div>
					    		
					    	</div>
				    	</div>
			    	</div>
			    </div>
			    
			    
			    
			</div>
			
			
			
	    </div>
	</body>
		<script src="js_c/echarts.min.js"></script>
    	<script>
    	var yddb_echarts = echarts.init(document.getElementById("yddb_echarts"));
    	var yddb_echarts_option = {
    	    tooltip : {
    	        trigger: 'axis',
    	        axisPointer: {
    	            type: 'cross',
    	            label: {
    	                backgroundColor: '#6a7985'
    	            }
    	        }
    	    },
    	    legend: {
    	        data:['载体1','载体2','载体3','载体4','载体5'],
    	        textStyle:{
    				color:'#666',
    				fontFamily:'Microsoft YaHei'
    			},
    			itemGap:20,
    			bottom: 10,
    			itemWidth: 7,
    			itemHeight: 7
    	    },
    	    toolbox: {
    	        
    	    },
    	    grid: {
    	        top:20,
    			bottom:40,
    			left:30,
    			right:20,
    			containLabel: true,
    	    },
    	    xAxis : [
    	        {
    	            type : 'category',
    	            axisLine: {
    	            	show: true,
    	            	lineStyle: {
    	            		color: '#184b97',
    	            	},
    	            },
    		        axisLabel: {
    	            	interval: '0',
    	            	color: '#666',
    		        },
    		        axisTick: {
    	            	show: false,
    	                alignWithLabel: true
    	          },
    	            data : ['2018-01','2018-02','2018-03','2018-04','2018-05','2018-06']
    	        }
    	    ],
    	    yAxis : [
    	        {
    	        	type: 'value',
    	        	axisLine:{
    		        	show: false,
    		        },
    		    	nameTextStyle:{
    		    		color:'#fff'
    		    	},
    		    	axisTick:{
    		    		show: false,
    		    		alignWithLabel: true
    		    	},
    		        splitLine:{
    		        	show:true,
    		        	lineStyle:{
    		        		color: ['#dcdcdc'],
    		        		type: 'solid',
    		        	}
    		        },
    		        axisLabel: {
    	            	color: '#666',
    		        },
    		        max:12,
    		        min:0,
    		        interval:2
    	        }
    	    ],
    	    series : [
//    	      {
//    	      	type: 'bar',
//    	      	itemStyle: {
//    		            normal: {
//    		                color: 'rgba(21,27,71,0.9)',
//    		            }
//    		        },
//    		        silent: true,
//    	          barWidth: '15%',
//    	          barGap: '-100%', // Make series be overlap
//    	          data: [60, 60, 60, 60, 60]
//    	      },
    	        {
    	            name:'载体1',
    	            type:'bar',
    	            data:[1, 2, 3, 4, 5, 6],
//    	          label: {
//    	          	show: true,
//    	          	color: '#ffc640',
//    	          	position: 'top',
//    	          	formatter: '{c}',
//    	          },
    	            itemStyle:{
    	            	color: '#4f81bd',
    	            },
    	            barWidth: '10%',
    	            stack: '1',
    	        },
    	        {
    	            name:'载体2',
    	            type:'bar',
    	            data:[2, 3, 4, 5, 6, 7],
    	            itemStyle:{
    	            	color: '#c0504d',
    	            },
    	            barWidth: '10%',
    	            stack: '2',
    	        },
    	        {
    	            name:'载体3',
    	            type:'bar',
    	            data:[3, 4, 5, 6, 7, 8],
    	            itemStyle:{
    	            	color: '#9bbb59',
    	           },
    	           barWidth: '10%',
    	           stack: '3',
    	        },
    	        {
    	            name:'载体4',
    	            type:'bar',
    	            data:[4, 5, 6, 7, 8, 9],
    	            itemStyle:{
    	            	color: '#8064a2',
    	           },
    	           barWidth: '10%',
    	           stack: '4',
    	        },
    	        {
    	            name:'载体5',
    	            type:'bar',
    	            data:[5, 6, 7, 8, 9, 10],
    	            itemStyle:{
    	            	color: '#4bacc6',
    	           },
    	           barWidth: '10%',
    	           stack: '5',
    	        },
    	        
    	    ],
    	}
    	yddb_echarts.setOption(yddb_echarts_option);
    	</script>
</html>

			